
.bill-title {
  position: relative;
  padding: 0 36px;
  height: 96px;
  line-height: 96px;
}

.bill-title .breadcrumb {
  position: absolute;
}

.bill-title .breadcrumb li{
  padding: 0 6px;
  float: left;
}

.bill-title .breadcrumb li a {
  color: #eb4b51;
}

.bill-title h2 {
  text-align: center;
  font-size: 26px;
}

.order-line-wrap table td:last-child {
  text-align: left;
}

.order-line-wrap table td.text-center {
  text-align: center;
}

.bill-flow {
  margin: 0 auto;
  padding: 30px 0;
  width: 240px;
  text-align: center;
}

.bill-flow-item {
  position: relative;
  margin-top: 50px;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  color: #999
}

.bill-flow-item:first-child {
  color: #00adf8;
}

.bill-flow-item:first-child i {
  border-color: #00adf8;
}

.bill-flow-item:first-child i:before {
  height: 0;
}

.bill-flow-item:first-child i:after {
  background-color: #00adf8;
}
.bill-flow-item:first-child span {
  color: #00adf8;
}

.bill-flow-item i {
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.bill-flow-item i:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -52px;
  left: 7px;
  width: 1px;
  height: 52px;
  background-color: #ddd;
}

.bill-flow-item i:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ddd;
}

.bill-flow-item span {
  padding-right: 16px;
  font-size: 15px;
  color: #666;
}